<!doctype html>
<html lang='en'>

<head>
    <title>Chat</title>
    <link rel='stylesheet' href='./css/style.css'>
    </link>
</head>

<body>
    <div id='content'>
        <div id='room'></div>
        <div id='room-list'></div>
        <div id='messages'></div>

        <form id='send-form'>
            <input id='send-message' />
            <input id='send-button' type='submit' value='Send' />

            <div id='help'>
                Chat commands:
                <ul>
                    <li>Change nickname: <code>/nick [username]</code></li>
                    <li>Join/create room: <code>/join [room name]</code></li>
                </ul>
            </div>
        </form>
    </div>

    <script src='./js/socket.io.min.js' type='text/javascript'></script>
    <script src='./js/jquery.min.js' type='text/javascript'></script>
    <script src='./js/chat.js' type='text/javascript'></script>
    <script src='./js/chat_ui.js' type='text/javascript'></script>
</body>

</html>
